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(54) Dymamic translucent windows in a graphical user interface 



(57) A method of and system (10) for implementing 
dynamic translucent windows (49) in a graphical user 
interface. Each translucent window (49) has associated 
therewith a foreground buffer (57) and a background 
buffer (59) . Whenever a translucent window is updated, 
the system (10), starting with the b west z -order updated 
translucent window, combines (95)the updated translu- 
cent window's foreground (57) and background (59) 
buffers into a translucent image. If the translucent image 
is in a clip region (43), the system (10) displays (97) the 
portion of the translucent image in the clip region (43) 



and turns off (1 1 9) the update marker. If the translucent 
image is in a deferred clip region (55), the system copies 
(111) the portion of the translucent image in any deferred 
clip region (55) into the background buffer (59) or buffers 
of the translucent window (49) or windows that define 
the deferred clip region (55) and marks (113) the trans- 
lucent window updated. The system then goes (117) to 
the next lowest z-order updated translucent window and 
repeats the process until the topmost window is 
reached, thereby to propagate the translucency effect 
up through the stack of windows. 
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Description 

Field of the invention 

The present invention relates generally to computer 
system user interfaces and more particularly to an im- 
proved method of and system for implementing dynamic 
translucent windows in a computer system graphical us- 
er interface. 

Background of the invention 

Graphical user interfaces in windowing environ- 
ments can display multiple windows. Typically, each 
window displayed provides a user interface to a sepa- 
rate application. When several windows are displayed, 
they are usually displayed in overlapping fashion. 

Graphical user interface systems typically provide 
only opaque windows. When one window overlays an- 
other window, the top window completely obscures the 
view of any portion of any windows that lie directly be- 
neath it. The order in which windows are stacked on the 
display is referred to as "z-order." A window overlays 
any windows that are below it in z-order and is overlaid 
by any window that is above it in z-order. 

The window at the top of the z-order is not obscured 
by any other windows and is usually the "active" window, 
in that it can receive user input. However, in multitasking 
environments, the windows beneath the top window in 
z-order are associated with active applications and they 
can be drawn into. 

In systems with only opaque windows, the system 
does not allow material to be drawn into any portion of 
a window that is overlaid by a window above it in z-order. 
A window that is only partially obscured has a portion 
defined as its clip region that is visible on the display. 
Anything that is drawn into the clip region of a partially 
obscured window is displayed, but anything drawn out- 
side the clip region is simply discarded. 

A user may wish to see what is drawn into windows 
that are beneath other windows in z-order. A user may 
be alerted that something has been drawn into an ob- 
scured window by observing a change in the contents 
of the clip region of the obscured window : but the user 
must surface the obscured window in order to see its 
contents. 

It is therefore an object of the present invention to 
provide translucent windows that allow a user to see ma- 
terial draw into windows that are covered by other win- 
dows. It is a further object of the present invention to 
provide translucent windows that are dynamically up- 
dated as material is drawn into windows that are cov- 
ered by other windows. 

Summary of the Invention 

In accordance with the present invention, a translu- 
cent window is a window that shows those portions of 
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any windows that lie beneath it, while still displaying the 
translucent window. The images of windows beneath 
the translucent window are combined with the image of 
the translucent window so that elements of both are vis- 
5 ible at the same time. An opaque window is a window 
that completely obscures any portion of any window that 
lies beneath it. 

Each translucent window has associated therewith 
a foreground buffer and a background buffer. The fore- 
10 ground buffer contains the native contents of the win- 
dow, i.e. anything that is drawn into the window. The 
background buffer contains an image of all the windows 
that lie beneath the translucent window. Translucency 
is accomplished by combining the contents of the back- 
us ground and foreground buffers to form a translucent im- 
age. 

A clip region is a portion of a window that is not ob- 
scured by any window above it in z-order. When a win- 
dow is on the top of a stack of windows, the entire win- 

20 dow is in its clip region. In accordance with the present 
invention, a deferred clip region is a portion of a window 
that is directly overlaid by a translucent window. Thus, 
a translucent window that directly overlays another win- 
dow defines a deferred clip region in the overlaid win- 

25 dow, and the overlaying translucent window may be re- 
ferred to as the deferred clip region's translucent win- 
dow. In the context of the present invention, directly 
overlaid means there are no other windows, translucent 
or opaque, between the window and the portion of the 

30 translucent window that overlays it 

Whenever an application draws into a window, if the 
window is opaque and has a clip region, then the system 
displays the drawing in the clip region. If the opaque win- 
dow has a deferred clip region, then the system draws 

35 the drawing into the background buffer of the any trans- 
lucent window that defines the deferred clip region and 
marks the translucent window updated. 

If the window is translucent, then the system draws 
the drawing into the foreground buffer of the window and 

40 marks the translucent window updated. 

Whenever a translucent window is updated, the 
system, starting with the lowest z-order updated trans- 
lucent window, combines the updated translucent win- 
dow's foreground and background buffers into a trans- 

45 lucent image. If any of the translucent image is in the 
translucent window's clip region, the system displays 
the portion of the translucent image in the clip region 
and turns off the update marker. If any of the translucent 
image is in a deferred clip region, the system copies the 

50 portion of the translucent image in any deferred clip re- 
gion into the background buffer or buffers of the trans- 
lucent window or windows that define the deferred clip 
region and marks the translucent window updated. The 
system then goes to the next lowest z-order updated 

55 translucent window and repeats the process until the 
topmost window is reached, thereby to propagate the 
translucency effect up through the stack of windows. 
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Brief Description of the Drawings 

The invention will now be described, by way of ex- 
ample only, with reference to the accompanying draw- 
ings, in which: s 

Figure 1 is block diagram of a computer system ac- 
cording to the present invention; 

Figure 2 is a pictorial view of a computer display 
according to the prior art; 

Figure 3 is a pictorial view of a computer display 
according to the present invention; 

Figure 4 is a graphical representation the contents 
of a foreground buffer according to the present in- 
vention; 

Figure 5 is a graphical representation the contents 
of a background buffer according to the present in- 
vention; 

Figures 6 A-C are a flowchart of a preferred software 
implementation of the present invention; and 

Figure 7 is a flowchart of a preferred software meth- 
od of updating the background buffers of translu- 
cent windows overlaying another translucent win- 
dow according to the present invention. 

Detailed Description of the Preferred Embodiment 

Referring now to the drawings, and first to Figure 1 , 
a block diagram of a personal computer with which the 
system and method of the present invention may be im- 
plemented is designated generally by the numeral 10. 
System 10 includes a processor 11, which includes a 
central processing unit (CPU) 15 and random access 
memory 1 3. System 10 also includes additional memory 
in the form of a disk storage device 1 7 and a floppy disk 
device 19. Floppy disk device 19 is adapted to receive 
a diskette 21 that has recorded thereon software includ- 
ing a software implementation of the present invention. 
System 1 0 also includes user interface hardware includ- 
ing a display 23, a keyboard 25, and a mouse 27. The 
system also includes a printer 29. 

Referring now to Figure 2, there is shown a pictorial 
representation of a computer display screen, designat- 
ed generally by the numeral 31 , according to the prior 
art. Screen 31 has displayed thereon a first window 33 
that partially overlays a second window 35. For purpos- 
es of illustration, first window 33 includes a window bor- 
der 37 and it has drawn in each of its comers a numeral 
" 1 Second window 35 includes a window border 39 and 
it has drawn in each of its comers a numeral °2" and in 
its centre a circle 41. First window 33 is opaque in the 
sense that it completely obscures the portion of second 



window 35 that it overlays. 

The portion of second window 35 that is visible in 
Figure 2 is its clip region 43. Whenever the system 
draws into second window 35, anything in clip region 43 
is displayed and anything outside clip region 43 is dis- 
carded. Since first window 33 is not obscured by any 
other window, its entire area comprises a clip region 45. 

Referring now to Figure 3, there is shown a pictorial 
representation of a display screen, designated generally 
by the numeral 47, similar to screen 31 of Figure 2, ex- 
cept that it includes at least one translucent window 49 
according to the present invention. Translucent window 
49 is similar to first window 33 of Figure 2 in that it in- 
cludes a window border 51 and it has a numeral "1 " dis- 
played at each of it corners. However translucent win- 
dow 49 also has displayed therein a phantom or trans- 
lucent image 53 that shows the portion of second win- 
dow 35 that translucent window 49 overlays. 

According to the present invention, second window 
35 includes, in addition to clip region 43, a deferred clip 
region 55. Deferred clip region 55 is defined by the por- 
tion of second window 35 that is overlaid by translucent 
window 49. For clarity of illustration only two windows 
are illustrated in the drawings, but those skilled in the 
art will recognize that in typical computer displays sev- 
eral windows may be stacked in overlapping fashion. In 
the general case, a deferred clip region is defined by 
that portion of a translucent window that directly over- 
lays a window in the sense that there are no intervening 
windows in z -order between the deferred clip region and 
the translucent window that defines the deferred clip re- 
gion. Thus, a single window may have multiple deferred 
clip regions defined by the portion of each translucent 
window that directly overlays it, but a deferred clip region 
of a window is defined by only a single translucent win- 
dow. 

Translucent windows according to the present in- 
vention include foreground buffers and background buff- 
ers. Referring to Figures 4 and 5, the contents of the 
foreground buffer for translucent window 49 of Figure 3 
is represented in Figure 4 by the numeral 57, and the 
contents of the background buffer for translucent win- 
dow 49 is represented in Figure 5 by the numeral 59. 
Foreground buffer 57 contains the native contents of 
translucent window 49. Foreground buffer 57 thus con- 
tains everything that the application associated with 
translucent window 49 draws into it. 

Background buffer 59 contains an image of the win- 
dows that translucent window 49 overlays. Thus, back- 
ground buffer 59 contains the corner of second window 
35, including a portion 61 of window border 39, a nu- 
meral "2°, and a portion 63 of circle 41. As will be dis- 
cussed in greater detail below, background buffer 59 
contains an image of the material drawn into the de- 
ferred clip regions defined by translucent window 49. 
Translucent window 49 is formed by combining buffers 
57 and 59, using known colour combination techniques, 
to form a translucent image that is displayed on screen 
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Referring now to Figures 6A-C, there is shown a 
flow chart of the logic of a preferred software implemen- 
tation of the algorithm of the present invention that ex- 
ecutes when a window finishes drawing. The process s 
starts at block 63 and the system waits until something 
is drawn into a window. In the preferred embodiment the 
system waits at decision block 65 until a drawing finish- 
es drawing. GUI systems typically have mechanisms for 
determining that a window is finished drawing. For ex- to 
ample, the preferred OS/2 operating system issues the 
message WM_ENDPAINT when a window finishes 
drawing. The check for drawing ended is added for per- 
formance reasons, so as not perform the algorithm for 
every atomic drawing operation. is 

After a window finishes drawing, the system tests 
at decision block 67 whether anything has been drawn 
into the window's clip region. If so, the system tests at 
decision block 69 whether or not the window is opaque. 
If so, the system displays the drawing that is in the clip 20 
region immediately at process block 71. If at decision 
block 69 the window is not opaque, i.e. the window is 
translucent, the system adds the drawing that is in the 
window's clip region to the windows foreground buffer 
at process block 73 and marks the window as updated 25 
at block 75. Opacity or translucency is an attribute of a 
window that may be fixed when the window is created 
or alterable by a user. 

Referring now to Figure 6B, the system tests at de- 
cision block 77 whether the window has any deferred 30 
clip regions, i.e. if it is overlaid by any translucent win- 
dows. If so, the system sets the currenWegion equal to 
the window's first clip region at block 79. The system 
then tests at decision block 81 whether anything is 
drawn in the current region. If so, the system puts that 35 
drawing into the background buffer of the 
current_region's translucent window at process block 83 
and marks the current_region's translucent window as 
updated at block 85. The system then tests at decision 
block 87 whether the window has any more deferred clip 40 
regions. If so, the system sets the current_region equal 
to the window's next deferred clip region at process 
block 89 and loops back to decision block 81 to repeat 
the process until the system finds, at decision block 87, 
that the window has no more delerred clip regions. 

Referring now to Figure 6C, after the system has 
handled all the deferred clip regions, the system sets 
trans_window equal to the translucent window lowest in 
z-order at process block 91. The system then tests at 
decision block 93 whether trans_window has been so 
marked as updated. If so, the system combines the 
translucent_window l s background and foreground buff- 
ers at process block 95 to form translucent_image and 
then, at process block 97, displays any portion of 
translucentjmage that is in trans_window's clip region. -55 
Next, as indicated generally at process block 99, the 
system updates the background buffers of any translu- 
cent windows that overlay trans_window, the details of 
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which are shown if Figure 7. 

Referring to Figure 7, the preferred background 
buffer updating algorithm starts at block 101 . The sys- 
tem tests at decision block 103 whether trans-window 
has any deferred clip regions. If not, the process exits 
at block 105 and returns to Figure 6B. If trans_window 
has any deferred clip regions, the system sets 
current_region equal to trans-window's first deferred 
clip region at process block 107. Then ; the system tests 
at decision block 109 whether any portion of 
trans! ucent_image is in current_region. If so, the system 
copies the portion of translucentjmage that is in 
current_region into the background buffer of 
current_region's translucent window at process block 
111 and marks current_region's translucent window as 
updated at block 1 1 3. The system then tests at decision 
block 1 1 5 whether trans_window has any more deferred 
clip regions. If so, the system sets current_region equal 
to trans_window's next clip region at block 1 1 7 and loops 
back to decision block 109 to repeat the process until 
the system finds, at decision block 115, that 
trans__window has no more deferred clip regions, at 
which time the system exits at block 105 and returns to 
Figure 6C. 

Referring again to Figure 6C, after the system has 
completed the process step shown generally at block 
99, the system turns off the update marker on 
trans_window at block 119 and tests at decision block 
121 whether there are any more translucent windows 
above trans_window in z-order. If so, the system sets 
trans_window equal to the translucent window next 
highest in z-order at process block 123 and loops back 
to decision block 93 to repeat processing until all trans- 
lucent windows in the stack have been handled, at which 
time the system returns to Figure 6A to wait for a window 
to finish another drawing. 



Claims 

1. A method of implementing translucent windows (49) 
in a computer system having a display (23), which 
comprises the steps of: 

for each window (35,49) displayed on said dis- 
play, defining a clip region (43) that includes a 
portion of the window not overlaid by any other 
window and a deferred clip region (55) that in- 
cludes a portion of the window directly overlaid 
by a translucent window (49); 

for each translucent window displayed on said 
display, defining a foreground buffer (57) that 
contains the contents of the translucent window 
and a background buffer (59) that contains an 
image of the deferred clip region of any window 
directly overlaid by the translucent window. 
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2. A method of implementing translucent windows as 
claimed in claim 1 , further comprising the steps of: 

whenever an application draws a drawing into 
a clip region (43) of a translucent window (49), 5 
adding (73) the drawing to the foreground buff- 
er (57) of said translucent window; 



deferred clip region of said updated translucent 
window into the background buffer of translu- 
cent window that defines said deferred clip re- 
gion and marking (119) said translucent win- 
dow as updated. 

5. A method as claimed in claim 4 wherein: 



whenever an application draws a drawing into 
a deferred clip region (55) of a window, adding 10 
(83) the drawing to the background buffer (59) 
of the translucent window that defines said de- 
ferred clip region and marking (85) the translu- 
cent window that defines said deferred clip re- 
gion updated. is 

3. A method as claimed in claim 2, further comprising 
the step of: 

combining (95) the background buffer (59) 
with the foreground buffer (57) of any translucent 20 
window (49) having a buffer that has been drawn 
into to create a translucent image, displaying (97) 
any portion of said translucent image that is within 
a clip region of said updated translucent window 
and copying (99) any portion of said translucent im- 25 
age that is within a deferred clip region of said up- 
dated translucent window into the background buff- 
er of the translucent window that defines said de- 
ferred clip region. 

30 

4. A method as claimed in claim 1 , further comprising 
the steps of: 

whenever an application draws a drawing into 
a clip region of an opaque window, displaying 35 
(71) said drawing in said clip region; 

whenever an application draws a drawing into 
a clip region of a translucent window (49), add- 
ing (73) the drawing to the foreground buffer 40 
(57) of the translucent window and marking (75) 
the translucent window updated; 

whenever an application draws a drawing into 
a deferred clip region of a window, adding (83) 45 
the drawing to the background buffer (59) of the 
translucent window that defines said deferred 
clip region and marking (85) the translucent 
window that defines said deferred clip region 
updated; so 

for each updated translucent window, combin- 
ing (95) the background buffer with the fore- 
ground buffer to create a translucent image, 
displaying (97) any portion of said translucent ss 
image that is within a clip region of said updated 
translucent window and copying (99) any por- 
tion of said translucent image that is within a 



said display (23) is adapted todisplay a plurality 
of windows arranged in a z order: and 

said combining step is carried out on the trans- 
lucent window (49) having the lowest z order in 
said display. 

6. A method as claimed in claim 5, further comprising 
steps of: 

unmarking (119) said updated lowest z-order 
translucent window; and, 

repeating said combining step (95). 

7. A system for implementing translucent windows 
(49) in a computer system (10) having a display 
(23), which comprises: 

means for defining, for each window (35, 49) 
displayed on said display, a clip region (43) that 
includes a portion of the window not overlaid by 
any other window and a deferred clip region 
(55) that includes a portion of the window di- 
rectly overlaid by a translucent window (49); 

a foreground buffer (57) for each translucent 
window displayed on said display, said fore- 
ground buffer containing the contents of the 
translucent window; and 

a background buffer (59) for each translucent 
window displayed on said display, said back- 
ground buffer containing an image of the de- 
ferred clip region of any window directly over- 
laid by the translucent window. 

8. A system as claimed in claim 7, further comprising: 

means for adding (73), whenever an applica- 
tion draws a drawing into a clip region (43) of a 
translucent window (49), the drawing to the 
foreground buffer (57) of said translucent win- 
dow; 

means for adding (83), whenever an applica- 
tion draws a drawing into a deferred clip region 
(55) of a window, the drawing to the background 
buffer (59) of the translucent window that de- 
fines said deferred clip region and marking (85) 
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the translucent window that defines said de- 
ferred clip region updated. 



means for marking (119) said translucent win- 
dow as updated. 



9. A system as claimed in claim 8, further comprising: 11. A system as claimed in claim 10, wherein: 



means for combining (95) the background buff- 
er (59) with the foreground buffer (57) of any 
translucent window (49) having a buffer that 
has been drawn into to create a translucent im- 
age; 

means for displaying (97) any portion of said 
translucent image that is within a clip region of 
said updated translucent window; and, 

means for copying (99) any portion of said 
translucent image that is within a deferred clip 
region of said updated translucent window into 
the background buffer of the translucent win- 
dow that defines said deferred clip region. 

10. A system as claimed in claim 7, further comprising: 

means for displaying (71), whenever an appli- 
cation draws a drawing into a clip region of an 
opaque window, said drawing in said clip re- 
gion; 

means for adding (73), whenever an applica- 
tion draws a drawing into a clip region of a 
translucent window (49), the drawing to the 
foreground buffer (57) of the translucent win- 
dow and marking (75) the translucent window 
updated; 

means for adding (83), whenever an applica- 
tion draws a drawing into a deferred clip region 
of a window, the drawing to the background 
buffer (59) of the translucent window that de- 
fines said deferred clip region and marking (85) 
the translucent window that defines said de- 
ferred clip region updated; 

means for combining (95), for each updated 
translucent window, the background buffer with 
the foreground buffer to create a translucent im- 
age; 

means for displaying (97) any portion of said 
translucent image that is within a clip region of 
said updated translucent window; 

means for copying (99) any portion of said 
translucent image that is within a deferred clip 
region of said updated translucent window into 
the background buffer of the translucent win- 
dow that defines said deferred clip region; and 
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said display (23) is adapted to display a plurality 
of windows arranged in a z-order; and 

said combining step (95) is carried on the trans- 
lucent window (49) having the lowest z-order in 
said display. 
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FIG. 6B 
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trans_window = the translucent window lowest in the z-order. 
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FIG. 6C 



translucentjmage = the combination of trans.window's background 
and foreground buffers. 
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(54) Dymamic translucent windows in a graphical user interface 



(57) A method of and system (10) for implementing 
dynamic translucent windows (49) in a graphical user 
interface. Each translucent window (49) has associated 
therewith a foreground buffer (57) and a background 
buffer (59) . Whenever a translucent window is updated, 
the system (10), starting with the lowest z-order updated 
translucent window, combines (95)the updated translu- 
cent window's foreground (57) and background (59) 
buffers into a translucent image. If the translucent image 
is in a clip region (43), the system (10) displays (97) the 
portion of the translucent image in the clip region (43) 



and turns off (1 1 9) the update marker. If the translucent 
image is in a deferred clip region (55), the system copies 
(1 11 ) the portion of the translucent image in any deferred 
clip region (55) into the background buffer (59) or buffers 
of the translucent window (49) or windows that define 
the deferred clip region (55) and marks (113) the trans- 
lucent window updated. The system then goes (117) to 
the next lowest z-order updated translucent window and 
repeats the process until the topmost window is 
reached, thereby to propagate the translucency effect 
up through the stack of windows. 
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